<template>
  <div>
    <scroll></scroll>
    <section class="teacherAndStudentPane">
      <div class="studentDiv"><student></student></div>
      <div class="teacherDiv"><teacher></teacher></div>
    </section>
  </div>
</template>

<script>
  import scroll from '@/components/front/index/scroll.vue'
  import student from '@/components/front/index/student.vue'
  import teacher from '@/components/front/index/teacher.vue'
    export default {
        name: "indexParent",
      components:{
          scroll,student,teacher
      }
    }
</script>

<style scoped lang="stylus">
 .teacherAndStudentPane
   height:426px;
   .studentDiv
    float left;
   .teacherDiv
     float right;

</style>
